/**
* dragdrop.css has the styles need for draggables & dropables list
* It's mainly used in user preferences list.
* @author silvia-montesanto
*/

ul.sortableList {
  list-style-image:none;
  list-style-type:none;
  margin-right: 10px;
  margin-top: 10px;
  width:200px;
  height:160px; /* Para poder dropear. Aparenta estar de mas xq la
    altura la tiene el panelBody, pero si se sacan todos los elementos de una lista
    y NO esta esta altura entonces no se puede dropear en una lista vacia. MUY 
    importante de NO BORRAR.
    Va de la mano con el height de panelBody    */
}


li.listElement, li.greenListElement {
    background-color:#E7F1F8;
    border:1px solid #BBD9EE;
    cursor:move;
    margin-top:2px;
    text-align:center;
    margin-left: 10px;
    color:black;
}

li.greenListElement {
    background-color: #D8F5F0;    
}

div.panelLeft{
	float: left;
	background-color: #EAEAEA;
	border: 1px solid black;
	width: 210px;
	height: 300px;
}
div.panelRight{
	float: left;
	background-color: #EAEAEA;
	border: 1px solid black;
	margin-left: 10%;
	width: 210px;
	height: 300px;
}	

div.panelTitle{
	float: left;
	background-color: #EAEAEA;
	width: 200px;
    height: 25px;
	margin-left: 3px;
	margin-top:3px;
}

div.panelBody{
    border:1px solid #666666;
    float:left;
    height:200px;
    margin-right:10px;
}

h3.panelTitle {
    color:#3B6EBF;
    font-weight:bold;
    text-align:center;
}